import React, { Component } from "react";

export default class Child11 extends Component {
  constructor(props) {
    super(props);
    this.state = {
        list:[1,2,3,4]
    };
    console.log("a");
  }

  //   shouldComponentUpdate(){
  //       return false;
  //   }
  componentDidMount() {
    console.log("c");
  }
  render() {
    console.log("b");
    return <div>我是子组件
        {this.state.list.map(item=>{
            return <button>{item}</button>
        })}

    </div>;
  }
  componentWillUnmount() {
    console.log("d");
  }
  static getDerivedStateFromError(error) {
    // 更新 state 使下一次渲染能够显示降级后的 UI
    return { hasError: true };
  }

  componentDidCatch(error, errorInfo) {
    // 你同样可以将错误日志上报给服务器
    console.log(error, errorInfo);
  }
}
